@import "~scss/variables";
@import "~scss/mixins";

.sw-sales-channel-menu {
    .sw-sales-channel-menu-domain-link {
        margin-left: 16px;
        background: none;
        border: none;
        outline: none;
        cursor: inherit;

        .sw-sales-channel-menu-domain-link__icon {
            color: darken($color-gray-300, 20%);
        }
    }

    .sw-admin-menu__headline {
        .sw-admin-menu__headline-context-menu:not(.is--active) {
            transition: 0.2s all ease;
            pointer-events: none;
            opacity: 0;
        }

        &:hover {
            .sw-admin-menu__headline-context-menu {
                pointer-events: all;
                opacity: 1;
            }
        }

        .sw-admin-menu__headline_text a {
            color: $color-white;
            text-decoration: none;
        }
    }

    &__whitespacing {
        display: inline;
        padding: 0 30px 12px;

        &-text {
            font-size: $font-size-xs;
            line-height: $line-height-md;
            color: darken($color-gray-300, 20%);
        }

        &.collapsible-text {
            white-space: normal !important;
        }
    }

    &__collapsed-context-menu {
        transition: opacity 0.2s ease;
        opacity: 0;
        width: 100%;
        text-align: center;
        margin-top: 10px;
        left: 0;
        position: absolute !important;

        .sw-context-button__button {
            color: $color-white !important;
        }
    }

    .sw-admin-menu__navigation {
        position: relative;

        .sw-loader {
            background: none;
        }
    }
}

.is--collapsed .sw-sales-channel-menu {
    .sw-sales-channel-menu__collapsed-context-menu {
        opacity: 1;

        .mt-icon {
            margin-right: 4px;
        }
    }

    .sw-loader {
        display: none;
    }
}
